//初始化商品页渲染数据
localStorage.setItem('switch1', 'flower')
//检测本地存储是否开启
var te = localStorage.getItem('arr')
if(te==null){
	var arr=[]
	localStorage.setItem('arr',JSON.stringify(arr))
}
//获取数据用于添加商品
var url3 = localStorage.getItem('str1')//图
var tips3 = localStorage.getItem('miao1')//描述
var price3 = localStorage.getItem('miao2')//描述
var arr1=JSON.parse(localStorage.getItem('arr'))//获取渲染数据
var contain1 = document.querySelector('.car-main')//添加容器
var quan=document.querySelector('.quan')//全选框对象
var zongjia=document.querySelector('.sum1 b:nth-child(3)')//总价对象

// console.log(zongjia.innerHTML)
//判断有没有商品数据
if(url3==null||tips3==null||price3==null){
	
}else{
	
	//遍历次数(渲染数据个数)
	for(var i=0;i<arr1.length;i++){
		//创建新的节点ul
		var newUl = document.createElement('ul')
		//给节点添加内容
		newUl.innerHTML=`
		<li><input type="checkbox" class="dan"></li>
		<li><img src="../${arr1[i][0]}"></li>
		<li><span>${arr1[i][2]}</span></li>
		<li><a>￥</a><a>${arr1[i][3]}</a></li>
		<li><button type="button">-</button><input type="text" size="1" value="1"><button type="button">+</button></li>
		<li><button type="button">删除</button></li>
		`
		//添加进入容器
		contain1.appendChild(newUl)
	}
	
	
}


//全局点击事件

var uName = document.querySelector('.h-right li:nth-child(1)')//获取导航栏用户名对象
var shoppcar = document.querySelector('.h-right li:nth-child(9)')//购物车商品数量
var name = localStorage.getItem('user1')//获取用户名
var rem1 = localStorage.getItem('rem')//获取用户记忆
var num1 = localStorage.getItem('carnum')
if(rem1=='1'){
		uName.innerHTML=`<a href="login.html">您好,${name}! </a><a>&nbsp;退出</a>`
	}
shoppcar.children[3].innerHTML=localStorage.getItem('carnum')

//通用，页面跳转
document.onclick=function(e){
	var e = e||window.event
	var target = e.target || e.srcElement
	
	//跳转登录注册页
	if(target.innerHTML=="注册||您好，请登录"){
		window.location.href="login.html"
	}
	
	//跳转首页
	if(target.innerHTML=="首页"){
		window.location.href="index.html"
	}
	
	//退出用户登录
	if(target.innerHTML=="&nbsp;退出"){
		if(confirm("退出后购物车将被清空，请问是否退出？")){
			localStorage.removeItem('rem')
			localStorage.removeItem('str1')
			localStorage.removeItem('str2')
			localStorage.removeItem('miao1')
			localStorage.removeItem('miao2')
			localStorage.setItem('carnum','0')
			var arr=[]
			localStorage.setItem('arr',JSON.stringify(arr))
			window.location.reload()
		}
	}
	
	//继续挑选
	if(target.innerHTML=="继续挑选"){
		window.location.href="listPage.html"
	}
	//删除单行功能
	if(target.innerHTML=="删除"){
		// console.log(target.parentNode.parentNode.children[2].children[0].innerHTML)
		for(var r=0;r<arr1.length;r++){
			//找到对应信息的条
			if(arr1[r][2]==target.parentNode.parentNode.children[2].children[0].innerHTML){
				//删除这条数据
				arr1.splice(r,1)
				//更新渲染数据
				localStorage.setItem('arr',JSON.stringify(arr1))
				//购物车商品数重新计算
				localStorage.setItem('carnum',arr1.length)
				shoppcar.children[3].innerHTML=localStorage.getItem('carnum')
			}
		}
	target.parentNode.parentNode.remove()
	}
	//减数量
	if(target.innerHTML=="-"){
		var nownum=parseInt(target.nextElementSibling.value)
		if(nownum<=1){
			nownum=1
		}else{
			nownum--
			target.nextElementSibling.value=nownum
		}
	}
	//加数量
	if(target.innerHTML=="+"){
		var nownum=parseInt(target.previousSibling.value)
		nownum++
		target.previousSibling.value=nownum
		
	}
	//全选
	if(target.className=='quan'){
		//当全选选中时
		if(quan.checked==true){
			//遍历每个ul中的选项框
			for(var j=0;j<contain1.children.length;j++){
				//所有商品选项选中
				contain1.children[j].children[0].children[0].checked=true
			}
		}
		//当全选取消时
		if(quan.checked==false){
			for(var j=0;j<contain1.children.length;j++){
				//所有商品选项取消选中
				contain1.children[j].children[0].children[0].checked=false
			}
		}
	}
	//单选
	if(target.className=='dan'){
		var p=0
		//遍历商品
		for(var j=0;j<contain1.children.length;j++){
			//判断所有商品中是否有未选中的
			if(contain1.children[j].children[0].children[0].checked==false){
				quan.checked=false
			}
			//判断所有商品中是否全选中
			if(contain1.children[j].children[0].children[0].checked==true){
				p++
			}
			if(p==contain1.children.length){
				quan.checked=true
			}
		}
	}
	//删除选中
	if(target.innerHTML=="删除已选"){
		var delarr=[]
		//遍历商品
		for(var j=0;j<contain1.children.length;j++){
			//找出选中的商品
			if(contain1.children[j].children[0].children[0].checked==true){
				//找到这个商品最高父级元素(ul)编入一个数组
				delarr.push(contain1.children[j])
			}
		}
		
		//遍历删除数组进行删除
		for(var q=0;q<delarr.length;q++){
			//删除本地存储中的数据
			//根据描述信息找到对应的数据条进行删除
			//遍历arr1[r][2]
			for(var r=0;r<arr1.length;r++){
				//找到对应信息的条
				if(arr1[r][2]==delarr[q].children[2].children[0].innerHTML){
					//删除这条数据
					arr1.splice(r,1)
					//更新渲染数据
					localStorage.setItem('arr',JSON.stringify(arr1))
					//购物车商品数重新计算
					localStorage.setItem('carnum',arr1.length)
					shoppcar.children[3].innerHTML=localStorage.getItem('carnum')
				}
			}
			// console.log(delarr[q].children[2].children[0].innerHTML)
			//删除页面中可见商品数据
			delarr[q].remove()
		}
	}
	//如果列表中没有商品，全选消失
	if(contain1.children.length==0){
		quan.checked=false
		zongjia.innerHTML="0.0"
	}
	//每点击一下，就查看一次，计算总计
	var zongjia1=0.0
	for(var f=0;f<contain1.children.length;f++){
		//找到勾选中的
		if(contain1.children[f].children[0].children[0].checked==true){
			//找到当前ul
			//获取当前ul商品的单价数量
			//单价
			var danjia =parseFloat(contain1.children[f].children[3].children[1].innerHTML)
			//数量
			var shu =parseInt(contain1.children[f].children[4].children[1].value)
			//单个总价
			zongjia1+=danjia*shu
		}
	}
	//赋值
	zongjia.innerHTML=zongjia1.toFixed(1)
}
// //总价的初始值(进入页面时)
// //获取数据arr1中的价格，相加
// //遍历arr1
// var zongjia1=0.0
// for(var w=0;w<arr1.length;w++){
// 	//获取价钱//赋值给zongjia.innerHTML
// 	arr1[w][3]=parseFloat(arr1[w][3])
// 	zongjia1+=arr1[w][3]
// 	zongjia.innerHTML=zongjia1.toFixed(1)
// }
